// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/v2/theming/
// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: '../assets/fonts';
@import 'ionic.globals';
// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
$headings-font-weight: 300;
.list-no-more-tips {
  text-align: center;
}

#gfoa .list-ios {
  margin: -1px 0 0 0;
}

// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.
$colors: ( // 修改颜色为广发主色调  #ff6307  #fc7a00
primary: #fc7a00, secondary: #32db64, danger: #f53d3d, light: #f4f4f4, dark: #222, favorite: #69bb7b, twitter: #1da1f4, google: #dc4a38, vimeo: #23b6ea, facebook: #3b5998);
body {
  background-color: color($colors, primary);
}

// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here
// ==========================修改综合属性==============================
$toolbar-ios-background: color($colors, primary);
$toolbar-ios-title-font-size: 2.0rem;
$tabs-ios-tab-font-size: 16px;
$tabs-ios-tab-icon-size: 35px;
$toolbar-ios-border-color: rgba(0, 0, 0, 0) !default;
$action-sheet-ios-button-padding: 5px;
$action-sheet-ios-button-min-height: 5rem;
// 修改提示框的样式背景颜色为黄色
// $toast-ios-background: rgba(252, 122, 0, 0.9);
.swiper-pagination-bullet-active {
  background: color($colors, primary) !important;
}

.searchbar-ios-cancel.button-clear-ios {
  color: #fff !important;
}

.update_alert .alert-message {
  text-align: left !important;
}

.toast-message {
  text-align: center;
}

.attach-item {
  ion-label {
    white-space: normal !important;
    color: color($colors, primary) !important;
  }
}

pdf-viewer {
  display: block;
  overflow-x: scroll !important;
  -webkit-user-select: initial !important;
  touch-action: initial !important;
  -webkit-user-drag: initial !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  .ng2-pdf-viewer-container {
    width: auto !important;
    height: auto !important;
  } // touch-action: inherit !important;
}

.html-content {
  user-select: all !important;
  overflow-x: scroll !important;
  img {
    max-width: 100% !important;
  }
  p {
    color: #000 !important;
  }
  * {
    text-indent: initial !important;
  }
}

// ==========================修改segment属性==============================
$gfoa-segment-height: 54px;
.ios.platform-cordova.platform-mobile.platform-ios {
  .header_segment {
    top: 64px;
  }
}

.header_segment {
  position: fixed;
  z-index: 9999;
  top: 44px;
  ion-segment-button {
    color: #000 !important;
  }
  ion-segment-button.segment-activated {
    span {
      padding: 0 5px 5px 5px;
      color: color($colors, primary)!important;
      border-color: color($colors, primary) !important;
      border-bottom: 2px solid;
    }
  }
}

ion-content.with-segment {
  top: $gfoa-segment-height;
  ion-list {
    // padding-bottom:$gfoa-segment-height;
  }
}

$segment-button-ios-font-size: 2rem;
$segment-button-ios-height: $gfoa-segment-height;
$segment-button-ios-line-height: $gfoa-segment-height;
$segment-button-ios-background-color: #f8f8f8;
$segment-button-ios-border-width: 0;
$segment-button-ios-background-color-activated: #f8f8f8;
$segment-button-ios-border-radius: 0;
// ==========================列表属性==============================
$gfoa-list-text-color: #666;
$gfoa-list-text-no-read-color: #b60526;
.gfoa-list {
  // 没有阅读过变红色
  .no-read {
    .first-row {
      ion-col {
        color: $gfoa-list-text-no-read-color !important;
      }
    }
  }
  ion-label {
    font-size: 16px; // font-weight: 400;
    color: #888;
  }
  ion-select {
    max-width: 65%;
  }
  ion-row {
    ion-col {
      font-size: 16px;
      overflow: hidden;
      padding: 0 !important;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: $gfoa-list-text-color;
    }
    .title {
      font-size: 16px; // font-weight: 400;
      color: #888;
    }
    .substance {
      font-size: 16px;
      white-space: normal;
      color: #000 !important;
      input {
        width: 100%;
        height: 32px;
        border: 1px solid #ccc;
        border-radius: 5px;
      }
    }
    .operate {
      text-align: right;
      button {
        margin: .2rem;
      }
    }
  }
  ion-item.text-content {
    .html-scroll {
      width: 100%;
      min-height: 200px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    .html-content {
      position: absolute;
      padding: 10px;
      white-space: normal !important;
    }
    textarea {
      width: 100%;
      min-height: 150px;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
  }
  ion-row.first-row {
    .left {
      font-size: 18px;
      font-weight: 500;
    }
    .right {
      text-align: right;
    }
  }
  ion-row.second-row {
    .right {
      text-align: right;
    }
  }
}

// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.
@import 'ionic.theme.default';
// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/
@import 'ionicons';
// Fonts
// --------------------------------------------------
// Roboto font is used by default for Material Design. Noto sans
// is used by default for Windows.
// @import "roboto";
// @import "noto-sans";
.highcharts-credits {
  display: none;
}

.redColor {
  color: red !important;
}

.greenColor {
  color: green !important;
}

::-webkit-scrollbar {
  display: none !important;
  width:0 !important;
  height: 0 !important;
}

.seal-background-color {
  .toast-wrapper {
    background-color: color($colors, primary) !important;
  }
}

ion-alert {
  .alert-radio-label {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: pre-line !important;
  }
}
